<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE html>
<html style="height:100%;">
<head lang="en">
    <meta charset="UTF-8">
    <title>车辆使用管理</title>
  <%--  <link rel="stylesheet" type="text/css" href="../../css/news/center.css"/>
    <link rel="stylesheet" type="text/css" href="../../lib/pagination/style/pagination.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>

    <script type="text/javascript" src="../js/news/jquery-1.9.1.js"></script>
    <script src="../../js/news/page.js"></script>
    <script src="../../lib/laydate/laydate.js"></script>
    <script src="../../js/base/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <!-- word文本编辑器 -->
    <script src="../../lib/ueditor/ueditor.config.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../lib/ueditor/ueditor.all.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../lib/laydate/laydate.js"></script>
    <script src="../../lib/layer/layer.js?20201106"></script>--%>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="/css/meeting/myMeeting.css">
    <link rel="stylesheet" href="/css/meeting/leader.css">
    <%--<link rel="stylesheet" href="/css/meeting/index.css">--%>
    <link rel="stylesheet" href="/lib/layer/skin/default/layer.css">
    <link rel="stylesheet" href="/lib/laydate/need/laydate.css">
    <link rel="stylesheet" href="/lib/pagination/style/pagination.css">
    <style >
        .equip tbody td{
            text-align: center;
        }
        .equipSpan{
            background-color:#00a2d4;
        }
        .equip {
            width: 77%;
            margin: 20px auto;
        }
        /*table tbody td{
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }*/
        .tdStyle1{
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }
        input{
            float: none;
        }
        input[type="checkbox"]{
            width: 15px;
            vertical-align: middle;
        }

        .leftBtn{
            float: left;
            margin-bottom: 6px;
        }
        .leftBtn span{
            display: block;
            float: left;
            margin-left: 20px;
            width: 30px;
            height: 30px;
            background-color: #e5f5fc;
            border: 1px solid #abd5eb;
            border-radius: 4px;
            cursor: pointer;
        }
        .leftBtnTwo{
            width: 60px !important;
            line-height: 30px;
            text-align: center;
            font-size: 14px;
        }
        .leftBtnOne{
            background: url("../img/meeting/icon_prev_03.png") no-repeat center;
        }
        .leftBtnThr{
            background: url("../img/meeting/icon_next_03.png") no-repeat center;
        }
        .fullTime{
            float: left;
            width: 40%;
            margin: 0 auto;
            height: 30px;
            text-align: center;
            line-height: 30px;
            font-size: 14px;
        }
        .colorClass {
            float: right;
            margin-right: 3%;
            margin-top: 5px;
        }
        .colorClass a {
            display: inline-block;
            width: 22px;
            height: 20px;
            vertical-align: middle;
        }
        .spanList{
            width: 270px;
        }
        .one{
            color: #fff;
        }
        .div_ul ul .one:hover{
            color: #fff;
        }
        .layui-layer-dialog{
            top:200px!important;
        }
        .jump-ipt{
            float: left;
            width: 30px;
            height: 30px;
        }
        .mainRight{
            width: 30px;
            height: 100%;
        }
        .M-box3 .active{
            margin: 0px 3px;
            width: 29px;
            height: 29px;
            line-height: 29px;
            background: #2b7fe0;
            font-size: 12px;
            border: 1px solid #2b7fe0;
            color:#fff;
            text-align:center;
            display: inline-block;
        }
        .M-box3 a{
            margin: 0 3px;
            width: 29px;
            height: 29px;
            line-height: 29px;
            font-size: 12px;
            display: inline-block;
            text-align:center;
            background: #fff;
            border: 1px solid #ebebeb;
            color: #bdbdbd;
            text-decoration: none;
        }
        .div_ul ul li span{
            margin: 0;
            text-align: center;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="/css/commonTheme/${sessionScope.InterfaceModel}/commonTheme.css"/>
    <%--<link rel="stylesheet" href="/css/base.css">--%>
    <script type="text/javascript" src="/lib/jQuery-File-Upload-master/jquery-1.8.3.min.js"></script>
    <script src="/lib/layer/layer.js?20201106"></script>
    <script src="/js/base/base.js"></script>
    <script src="/lib/laydate/laydate.js"></script>
    <script src="/js/jquery/jquery.cookie.js"></script>
    <script src="/lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="/lib/qrcode.js"></script>
    <%--<link rel="stylesheet" type="text/css" href="/css/commonTheme/${sessionScope.InterfaceModel}/commonTheme.css"/>--%>

</head>
<!DOCTYPE html>
<html>
<body style="height:100%;">
<div class="headTop">
    <div class="headImg">
        <img src="/img/commonTheme/${sessionScope.InterfaceModel}/vihicleMange.png" alt="">
    </div>
    <div class="divTitle">
        车辆使用管理
    </div>
</div>
<div class="main" style="    margin-top: 48px;height:100%">
    <div class="mainLeft" style="height:100%">
        <div class="div_ul"  style="height:100%">
            <ul class="index_head">
                <li class="styleSet" url="operatorpendingApply">
                    <span class="spanList one">待批申请</span>
                    <%--<img class="headli1_2" src="../img/twoth.png" alt=""/>--%>
                </li>
                <li class="styleSet" url="operatorapprovedApply">
                    <span class="spanList">已准申请</span>
                    <%--<img class="headli1_2" src="../img/twoth.png" alt=""/>--%>
                </li>
                <li class="styleSet" url="operatorinUseVehicle">
                    <span class="spanList" id="ExportSpan_1">使用中车辆</span>
                    <%--<img class="headli1_2" src="../img/twoth.png" alt=""/>--%>
                </li>
                <li class="styleSet" url="operatornotApply">
                    <span class="spanList" id="ExportSpan_2" >未准申请</span>
                    <%--<img class="headli1_2" src="../img/twoth.png" alt=""/>--%>
                </li>
                <li class="styleSet" url="operatorUseEnd">
                    <span class="spanList" id="ExportSpan_3" >使用结束车辆</span>
                </li>
            </ul>
        </div>
    </div>

    <div class="mainRight">
        <iframe class="contract_iframe" src="operatorpendingApply" frameborder="0" width="100%" height="100%"></iframe>
    </div>
</div>
<script>
$('.one').width('100%');
    function Refillings(id) {
        document.getElementById(id).reset();
    };

    $(function () {

        //设置高
        var div_iframe_h=$('.bx').height() - $('.head').height() - 7;
        $('.div_iframe').height(div_iframe_h);
        6
        /*点击标题，获取对应的url，显示对应的src*/
        $('.index_head').on('click', 'li', function () {
            // 设置样式
            $('.index_head span').removeClass("one")
            $(this).children("span").addClass("one");
            // 获取url
            var url = $(this).attr('url');
            $('.contract_iframe').attr('src', url);
        });
    });

</script>
</body>
</html>

